﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SlideShow.ascx.cs" Inherits="Cheenti.UserControls.SlideShow" %>
<%@ Register Src="ImageSlide.ascx" TagName="Slide" TagPrefix="uc2" %>
<link rel="stylesheet" href="Styles/SlideShow.css" />
<script src="scripts/jquery.min.js"></script>
<script src="scripts/slides.min.jquery.js"></script>
<script>
    $(function () {
        $('#slides').slides({
            preload: true,
            preloadImage: 'Images/SlideShow/loading.gif',
            play: 5000,
            pause: 3000,
            hoverPause: true,
            animationStart: function (current) {
                $('.caption').animate({
                    bottom: -35
                }, 100);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationStart on slide: ', current);
                };
            },
            animationComplete: function (current) {
                $('.caption').animate({
                    bottom: 0
                }, 200);
                if (window.console && console.log) {
                    // example return of current slide number
                    console.log('animationComplete on slide: ', current);
                };
            },
            slidesLoaded: function () {
                $('.caption').animate({
                    bottom: 0
                }, 200);
            }
        });
    });
</script>
<form runat="server" id="form1">
<div id="container">
    <div id="example">
        <img src="Images/SlideShow/new-ribbon.png" width="112" height="112" alt="New Ribbon"
            id="ribbon">
        <div id="slides">
            <div class="slides_container">
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 0" ImageUrl="FunnyPictures/Family/IMG_0138.JPG" ID="Slide1"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 1" ImageUrl="FunnyPictures/Family/IMG_0147.JPG" ID="Slide2"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 2" ImageUrl="FunnyPictures/Family/IMG_0149.JPG" ID="Slide3"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 3" ImageUrl="FunnyPictures/Family/IMG_0162.JPG" ID="Slide4"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 4" ImageUrl="FunnyPictures/Family/IMG_0168.JPG" ID="Slide5"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 5" ImageUrl="FunnyPictures/Family/IMG_0176.JPG" ID="Slide6"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 6" ImageUrl="FunnyPictures/Family/IMG_0197.JPG" ID="Slide7"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 7" ImageUrl="FunnyPictures/Family/IMG_0342.JPG" ID="Slide8"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 8" ImageUrl="FunnyPictures/Family/IMG_0366.JPG" ID="Slide9"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 9" ImageUrl="FunnyPictures/Family/IMG_0397.JPG" ID="Slide10"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 11" ImageUrl="FunnyPictures/Family/IMG_0422.JPG" ID="Slide11"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 12" ImageUrl="FunnyPictures/Family/IMG_0444.JPG" ID="Slide12"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 13" ImageUrl="FunnyPictures/Family/IMG_0460.JPG" ID="Slide13"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 14" ImageUrl="FunnyPictures/Family/IMG_0468.JPG" ID="Slide14"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 15" ImageUrl="FunnyPictures/Family/IMG_0473.JPG" ID="Slide15"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 16" ImageUrl="FunnyPictures/Family/IMG_0505.JPG" ID="Slide16"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 17" ImageUrl="FunnyPictures/Family/IMG_0515.JPG" ID="Slide17"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 18" ImageUrl="FunnyPictures/Family/IMG_0518.JPG" ID="Slide18"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 19" ImageUrl="FunnyPictures/Family/IMG_0540.JPG" ID="Slide19"
                    runat="server" />
                <uc2:Slide SlideType="FunnyPicture" Caption="Caption 20" ImageUrl="FunnyPictures/Family/IMG_0184.JPG" ID="Slide20"
                    runat="server" />
            </div>
            <a href="#" class="prev">
                <img src="Images/SlideShow/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
            <a href="#" class="next">
                <img src="Images/SlideShow/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
        </div>
        <img src="Images/SlideShow/example-frame.png" width="739" height="341" alt="Frame"
            id="frame">
    </div>
</div>
</form>
